@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:650px;  position:relative;}
.banner ul{ overflow:hidden; width:100%; height:650px; position:relative}
.banner li{ width:100%; height:650px; position:absolute; left:0; top:0}
.banner li a{ display:block; width:100%; height:100%;}
.banner .li01{background:url(Img/Index/banner01.jpg) no-repeat center top;}
.banner .li02{background:url(Img/Index/banner02.jpg) no-repeat center top;}
.banner .li03{background:url(Img/Index/banner03.jpg) no-repeat center top;}
.banner .btn{ overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:40px; margin-left:-35px; background:#666; border-radius:20px; padding:10px 20px; 
			filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}
.banner .btn span{ display:block; width:11px; height:11px; background:url(../images/banner_btn.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px;}
.banner .btn span.cur{ background-position:right}
.banner i{ display:none; width:42px; height:72px; z-index:1000; position:absolute; cursor:pointer;}
.banner i.btn_left{ left:0; top:245px; background:url(../images/banner_btn01.png) no-repeat top center;}
.banner i.btn_right{ right:0; top:245px; background:url(../images/banner_btn02.png) no-repeat top center;}
.banner:hover i{display:block}
.banner i:hover{background-position:bottom}











/*pro*/
.pro { overflow:hidden; width:100%; height:710px; background-color:#f9f9f9;}
.pro h3.htitle a:hover{ color:#dc1313}
.pro ul{ overflow:hidden; width:1220px; margin:0 auto;}
.pro li{ overflow:hidden; float:left; width:224px; height:235px; position:relative; margin:10px;}
.pro li img.pro_tu{ display:block;}
.pro li b{ width:100%; height:100%; position:absolute; background:url(Img/Index/pro_cur_bg.png) repeat center; z-index:1}
.pro li .wen{ display:block; overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.pro li .wen .icon{ display:block; margin:0 auto; margin-top:70px;}
.pro li .wen h4{ margin-top:10px; color:#fff; text-align:center; font-weight:normal; font-size:16px; margin-bottom:10px;}
.pro li .wen a{ display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
.pro li .wen i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#fff; margin-bottom:15px;}
.pro li .wen p{ width:190px; margin:0 auto; font-size:14px; color:#e8e8e8; line-height:22px; height:66px; overflow:hidden; text-align:justify; text-align-last:center; display:none;}
.pro li .wen span{ display:none; font-size:0}
.pro li .wen span img{ display:block; margin:0 auto; margin-top:15px;}
.pro li.li01 b{ left:-224px; top:-235px;}
.pro li.li02 b{ left:-224px; top:0;}
.pro li.li03 b{ left:0; top:235px;}
.pro li.li04 b{ left:224px; top:0;}
.pro li.li05 b{ left:224px; top:-235px;}
.pro li.li06 b{ left:-224px; top:235px;}
.pro li.li07 b{ left:-224px; top:0;}
.pro li.li08 b{ left:0; top:-235px;}
.pro li.li09 b{ left:224px; top:0;}
.pro li.li010 b{ left:224px; top:235px;}

/*news*/
.news { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:45px;}
.news h3.htitle a:hover{ color:#dc1313}
.news .newbox{ overflow:hidden; width:100%; height:420px;}
.news .newsLeft { overflow:hidden; width:590px; background-color:#f9f9f9; height:420px; float:left;}
.news .newsLeft .tubox{ display:block; width:590px; height:290px; overflow:hidden; margin-bottom:25px; position:relative;}
.news .newsLeft img{ display:block; position:absolute; left:0; bottom:-40px; width:100%;}
.news .newsLeft h4{ width:555px; margin:0 auto; margin-bottom:15px; overflow:hidden;}
.news .newsLeft h4 a{ display:block; width:440px; font-size:16px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left;}
.news .newsLeft h4 span{ font-weight:normal; font-size:14px; color:#999; float:right;}
.news .newsLeft p{ font-size:12px; width:555px; margin:0 auto; color:#5555; line-height:20px; height:40px; overflow:hidden;}
.news .newsLeft p a{ color:#dc1313;}
.news .newsLeft:hover h4 a{ color:#dc1313}

.news .newsRight{ overflow:hidden; width:590px; height:420px; float:right;}
.news .newsRight dl{ overflow:hidden; width:570px; padding:10px; height:106px; margin-bottom:20px;}
.news .newsRight dt{ overflow:hidden; float:left; width:160px; height:106px;}
.news .newsRight dd{ overflow:hidden; float:left; margin-left:20px; width:370px;}
.news .newsRight dd h4{ margin-top:10px; font-size:16px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsRight dd h4 a{ color:#333}
.news .newsRight dd p{ font-size:12px; color:#555; line-height:20px; height:40px; overflow:hidden}
.news .newsRight dd em{ float:right; display:block; font-size:12px; color:#999; font-family:Arial; margin-top:5px;}
.news .newsRight dl:hover{ background-color:#f5f5f5;}
.news .newsRight dl:hover h4 a{ color:#dc1313}






.proCenter{width: 1200px;overflow: hidden;padding-bottom: 44px; margin:0 auto;}
.proCenter .Title h2{background: none;}
.proCenter .Title p{background: url(Img/Index/pro-titleBg.png) no-repeat center;}
.proCenter .proLeft,.proCenter .proRight{margin-top: 38px;}
.proCenter .proLeft{width: 240px;float: left;}
.proLeft h3{font-size: 22px;height: 80px;line-height: 80px;text-align: center;width: 100%;font-weight: normal;background: #1057c1;}
.proLeft h3 a{color: #FFFFFF;display: block;text-decoration: none;line-height: 80px;}
.proLeft dl{width: 240px;border-bottom: 1px solid #dedede;border-top: 1px solid #FFFFFF;background: #f6f6f6;overflow: hidden;}
.proLeft dt{width: 240px;height: 49px;overflow: hidden;line-height: 49px;}
.proLeft dt a{ display:block; font-size:14px; color:#333333; font-weight:bold;  line-height:49px;background:url(Img/Index/pro-jia.png) no-repeat 211px center;padding-left:20px;text-decoration: none; }
.proLeft dd{ overflow:hidden; width:220px; padding-left:20px;padding-bottom: 4px; display: none;}
.proLeft .last dd{padding-bottom: 10px;}
.proLeft dd a{ display:block; font-size:14px; color:#555555; line-height:25px; padding-left:17px; background:url(Img/Index/pro-Jt.png) no-repeat left center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.proLeft dl.hover { background-color: #014dbd;}
.proLeft dl.hover dd a{background: url(Img/Index/pro-JtCur.png) no-repeat left center; color: #fff;}
.proLeft dl dt.active a{ background:  url(Img/Index/pro-jian.png) no-repeat 207px center; }
.proLeft dl.hover dt a{background:  url(Img/Index/pro-jian2.png) no-repeat 207px center; color: #fff;}
.proRight  { overflow:hidden; width:940px; float:right;height: 955PX;}
.proRight .protop{ overflow:hidden; width:100%;background-color: #f2f2f2;}
.proRight .protop ul{ float:left;overflow: hidden;}
.proRight .protop li{width: 160px;height: 80px;line-height: 80px;height: 80px;text-align: center;background: #e6e6e6;float: left;font-weight: bold;}
.proRight .protop li a{display: block;line-height: 80px;color: #333333;font-size: 16px;text-decoration: none;}
.proRight .protop li.cur{background-color: #014dbd;font-weight: bold;}
.proRight .protop li.cur a{color: #FFFFFF;}
.proRight .protop li:hover{background-color: #014dbd;}
.proRight .protop li:hover a{color: #FFFFFF;}
/*修改background:url(Img/Index/pro-phone.png) no-repeat left center;*/
.proRight .protop span{ float:right; /*font-size:14px; color:#888888;*/ background:url(Img/Index/pro-phone.png) no-repeat left center;display: block;padding: 0 20px;margin-top: 31px;display: block;overflow: hidden;}
.proRight .protop b{float: left;font-size:14px;color:#888888;line-height: 29px;font-weight: normal;}/*修改  增加一行*/
.proRight .protop em{color: #2454ac;font-size: 24px;font-weight: bold;float: left;}/*修改float: left;*/
.proRight .proList{ overflow:hidden;width: 110%;margin-top: 20px;height: 855PX;}
.proRight .proList li{ float:left; width:305px; height:274px; margin-right:10px;background: #f2f2f2;position: relative;margin-bottom: 11px;}
.proRight .proList li img{ display:block; margin:0 auto; margin-bottom: 19px;margin-top: 3px;}
.proRight .proList i{display: block;position: absolute;top: 3px;right: 3px;background: url(Img/Index/pro-jia01.png) no-repeat right top;width: 28px;height: 28px;}
.proRight .proList li a{ display:block; text-decoration:none;font-size: 14px;color: #333333;text-align: center;}
.proRight .proList li:hover{ background: #014dbd;}
.proRight .proList li:hover a{color: #FFFFFF;}
.proRight .proList li:hover i{background: url(Img/Index/pro-jia02.png) no-repeat right top;}



/* 优势 */
.adv_bgs{width: 100%; height: 168px; background: url(../images/youshibgs.png) no-repeat center; overflow: hidden;}
.adv_bg{width: 100%; height: 242px; background: url(../images/youshibg.png) no-repeat center; overflow: hidden;}
.adv_bg1 {width: 100%; height: 534px; background: url(../images/youshi_bg1.jpg) no-repeat center; overflow: hidden;}
.adv_bg2 {width: 100%; height: 391px; background: url(../images/youshi_bg2.jpg) no-repeat center; overflow: hidden;}
.adv_bg3 {width: 100%; height: 429px; background: url(../images/youshi_bg3.jpg) no-repeat center; overflow: hidden;}
.adv_bg4 {width: 100%; height: 463px; background: url(../images/youshi_bg4.jpg) no-repeat center; overflow: hidden;}
.adv_t {font-size: 22px; font-weight: bold; color: #333;}
.adv_txt {font-size: 14px; color: #555; line-height: 28px; display: block; padding-left: 14px; padding-top: 60px;}
.adv_txt b {font-weight: normal; color: #de2418;}
.adv_w1 {margin-top: 90px; margin-left: 70px;}
.adv_w2 { margin-left: 650px;}
.adv_w2 .adv_txt {padding-top: 56px;}
.adv_w3 { margin-left: 70px;}
.adv_w3 .adv_txt {padding-left: 6px;}
.adv_w4 { margin-left: 668px}
.box{width:1100px; margin:0 auto;}

/* c产品优势
 */

.youshi { overflow:hidden; width:100%; padding:60px 0; background:url(Img/Index/youshi_bg.jpg) repeat center; background:#1057c1;}
.youshi .ysbox{ overflow:hidden; width:1000px; margin:0 auto; height:365px; background:url(../images/youshi_tu.png) no-repeat center 20px; margin-top:45px;}
.youshi .ysleft{ width:320px; float:left}
.youshi .ysright{ width:320px; float:right}
.youshi .ysleft .ys{ overflow:hidden; padding-left:85px;}
.youshi .ysright .ys{ overflow:hidden; padding-right:85px; text-align:right}
.youshi h3{ font-size:18px; color:#fff; margin-bottom:12px;}
.youshi p{ font-size:16px; color:#f2f2f2; line-height:23px;}
.youshi .ys01{ background:url(../images/youshi01.png) no-repeat left top}
.youshi .ys02{ background:url(../images/youshi02.png) no-repeat left top}
.youshi .ys03{ background:url(../images/youshi03.png) no-repeat left top}
.youshi .ys04{ background:url(../images/youshi04.png) no-repeat right top}
.youshi .ys05{ background:url(../images/youshi05.png) no-repeat right top}
.youshi .ys06{ background:url(../images/youshi06.png) no-repeat right top}
.youshi .ys{ margin-bottom:55px; margin-top:15px;}




.news{width:1200px;padding-top: 70px;background: #fff;padding-bottom: 50px; margin:0 auto;}
.news-left{width: 530px;float: left;}
.news-left h3 a{font-size: 30px;color: #333;}
.news-left h3 a i{font-size: 30px;color: #333;font-style: normal;font-weight: normal;}
.news-left h3 a em{font-size: 14px;color: #999 ;}
.news-left .title{position: relative;}
.news-left .title >span{position: absolute;display: block;width: 30px;height: 30px;top: 450px;z-index: 99;cursor: pointer;}
.news-left .title >span#news-an01{background: url(../images/news-qh.png) no-repeat top left;left: 460px;}
.news-left .title >span#news-an02{background: url(../images/news-qh.png) no-repeat top right;left: 490px;}
.news-left .title >span#news-an01:hover{background: url(../images/news-qh.png) no-repeat bottom left;left: 460px;}
.news-left .title >span#news-an02:hover{background: url(../images/news-qh.png) no-repeat bottom right;left: 490px;}

.news-left-lb{margin-top: 50px;position: relative;overflow: hidden;width: 530px;height: 530px;}
.news-left-lb ul{position: relative;}
.news-left-lb ul li{float: left;width: 530px;}
.news-left-lb ul li >a{display: block;width: 530px;height: 395px;overflow: hidden;}
.news-left-lb ul li >a img{display: block;width: 530px;height: 395px;transition: all 1s ease-out;}
.news-left-lb ul li >a img:hover{transform: scale(1.1);}
.news-left-lb ul li p.p01{margin-top: 22px;}
.news-left-lb ul li p.p01 a{font-size: 18px;color: #333;float: left;display: block;width: 340px;overflow: hidden;}
.news-left-lb ul li:hover p.p01 a{color: #1057c1;}
.news-left-lb ul li p.p01 span{font-size: 16px;color: #333;float: right;}
.news-left-lb ul li p.p02{margin-top: 8px;}
.news-left-lb ul li p.p02 a{display: block;font-size: 14px;color: #666;line-height: 24px;}

.news-right{float: right;width: 600px;}
.news-qh{}
.news-qh a.a02{display: block;font-size: 16px;color: #333;width: 98px;height: 33px;line-height: 35px;text-align: center;background: #fff;border: 1px solid #1057c1;float: left;}
.news-qh a.a02:first-child{border-right: none}
.news-qh a.a02.cur{border: 1px solid #1057c1;border-right: none;background: #1057c1;color: #fff;}
.news-qh a.a03{float: right;font-size: 14px;color: #666;padding-right: 18px;background: url(../images/index/news-bj.png) no-repeat right;line-height: 35px;}

.news-box{margin-top: 50px;}
.news-box dl{padding-top: 20px;border-top: 1px solid #e6e6e6;margin-bottom: 20px;}
.news-box dl:first-child{padding-top: 0;border-top:none;}
.news-box dl dt h3{float: left;width: 344px;height: 24px;overflow: hidden;  font-weight: normal;}
.news-box dl dt h3 a{font-size: 16px;color: #666;}
.news-box dl:hover dt h3 a{color: #1057c1;}
.news-box dl dt span{font-size: 16px;color: #666;float: right;}
.news-box dl dd{margin-top: 12px;}
.news-box dl dd a{font-size: 14px;color: #666;width: 600px;height: 19px;overflow: hidden;}




.about{width: 100%;padding-bottom: 74px; background:#f2f2f2; padding-top:60px;}
.about .Title{padding-top: 66px;}
.about .mainCon{margin-top: 62px;}
.about .conBox1{width: 1200px;margin: 0 auto;}
.about .conBox1 dt{float: left;width: 520px;height: 324px;}
.about .conBox1 dt img{display: block;width: 520px;height: 324px;}
.about .conBox1 dd{width: 640px;float:right;}
.about .conBox1 dd h3{font-size: 20px;color: #1057c1;padding-top: 12px;}
.about .conBox1 dd h3 a{color: #1057c1;text-decoration: none;}
.about .conBox1 dd p{margin-top: 45px;line-height: 24px;text-indent: 2em;font-size: 14px;color: #666666;}
.about .conBox1 dd a.details{width: 128px;height: 37px;text-align: center;line-height: 37px;font-size: 14px;color: #f2f2f2;background: #1057c1;margin-top: 46px;display: block;text-decoration: none;}
.about .conBox2{width: 100%;margin-top: 40px;}
.about .conBox2 .menu{border-bottom: 2px solid #e7e7e7;width: 1200px;margin: 0 auto;}
.about .conBox2 .menu li{float: left;font-size: 16px;color: #333333;font-weight: bold;padding-right: 12px;padding-bottom: 12px;position: relative;}
.about .conBox2 .menu li i{display: none;position: absolute;bottom: -2px;width: 100%;height: 2px;background: #1057c1;left: 0;}
.about .conBox2 .menu li a{color: #333333;text-decoration: none;}
.about .conBox2 .menu li span{font-size: 16px;color: #b6b6b6;margin-right: 12px;}
.about .conBox2 .menu li:first-child span{display: none;}
.about .conBox2 .menu li:first-child{padding-left: 20px;}
.about .conBox2 .menu li.cur a{color: #1057c1;}
.about .conBox2 .menu li.cur i{display: block;}
.about .conBox2 .con{width: 1350px;margin: 36px auto 0;height: 249px;overflow: hidden;position: relative;}
.about .conBox2 .lunb{width: 1200px;position: relative;margin: 0 auto;}
.about .conBox2 .lunb i.aboutBtn{display: block;width: 45px;height: 45px;overflow: hidden;cursor: pointer;position: absolute;top: 78px;}
.about .conBox2 .lunb i.aboutBtn img{display: block;width: 45px;height: 90px;position: relative;}
.about .conBox2 .lunb i.aboutBtn:hover img{top: -45px;}
.about .conBox2 .lunb i.prev{left: -74px;}
.about .conBox2 .lunb i.next{right: -74px;}
.about .conBox2 .lunb .box{width: 100%;position: relative;height: 249px;overflow: hidden;}
.about .conBox2 .lunb .box ul{width: 105%;position: absolute;left: 0;top: 0;}
.about .conBox2 .lunb .box li{float: left;height: 249px;width: 282px;margin-right: 24px;overflow: hidden;position: relative;}
.about .conBox2 .lunb .box li i.xian{display: block;width: 282px;height: 2px;background: #e0e0e0;}
.about .conBox2 .lunb .box li i.xianL{width: 141px;height: 2px;background: #1057c1;position: absolute;left: -141px;bottom: 0px;}
.about .conBox2 .lunb .box li i.xianR{width: 141px;height: 2px;background: #1057c1;position: absolute;right: -141px;bottom: 0px;}
.about .conBox2 .lunb .box p{width: 282px;height: 200px;position: relative;}
.about .conBox2 .lunb .box p span{display: block;width: 282px;height: 200px;overflow: hidden;}
.about .conBox2 .lunb .box p span img{display: block;width: 282px;height: 200px;transform: scale(1);transition: all 1s ease-out;}
.about .conBox2 .lunb .box p a{display: none;width: 282px;height: 142px;position: absolute;top: 0;left: 0;padding-top: 58px;background: url(../images/aboutBg.png);text-align: center;text-decoration: none;}
.about .conBox2 .lunb .box p a img{display: block;width: 36px;height: 36px;margin: 0 auto;}
.about .conBox2 .lunb .box p a b{font-size: 14px;color: #fff;font-weight: normal;margin-top: 22px;display: block;}
.about .conBox2 .lunb .box em{display: block;font-size: 14px;color: #666666;height: 47px;line-height: 47px;text-align: center;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about .conBox2 .lunb .box li:hover p a{display: block;}
.about .conBox2 .lunb .box li:hover p span img{transform: scale(1.2);}




/* 应用领域 */
.lingyu { overflow:hidden; padding-top:60px; width:100%; background:url(Img/Index/lingyu_bg.png) repeat-x left top; margin-bottom:70px;}
.lingyu ul{ overflow:hidden; width:1220px; margin:0 auto; height:400px;}
.lingyu li{ overflow:hidden; float:left; width:285px; margin:0 10px; height:400px; position:relative;}
.lingyu li img{ display:block;}
.lingyu li .imgIcon{ display:block; position:absolute; left:50%; margin-left:-25px; top:305px; z-index:2}
.lingyu li a{ display:block; width:100%; height:70px; position: absolute; left:0; bottom:0; text-decoration:none}
.lingyu li .icon{ margin:0 auto; display:none;}
.lingyu li .a01{ background-color:#3368ba;}
.lingyu li .a02{ background-color:#37c684;}
.lingyu li .a03{ background-color:#9347c3;}
.lingyu li .a04{ background-color:#df394c;}
.lingyu li em{ display:block; margin:0 auto; text-align:center; padding:20px 0; width:120px; font-size:16px; color:#fff; margin-top:-15px;}
.lingyu li p{ width:80%; margin:10px auto; font-size:14px; color:#fff; line-height:20px; height:40px; overflow:hidden; text-align:center}

/* 友情链接
 */

 .link{width: 100%; background:#f2f2f2;}
.link dt{height: 74px;line-height: 74px;font-size: 18px;color: #333333;border-bottom: 1px solid #ccc;}
.link dt a{color: #333333; text-decoration: none;}
.link dt em{font-family: arial;}
.link dd{padding: 24px 0 14px 0;overflow: hidden;}
.link dd a{display: block;float: left;font-size: 12px;color: #333333;padding: 0 28px;border-left: 1px solid #e9e9e9;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}